import React from 'react';

import './styles/loading.less';
interface ILoadingProps {
	width?: number;
	height?: number;
}
const Loading = (props: ILoadingProps) => {
	const { width = 24, height = 24 } = props;
	return (
		<div className="widget-loading-container">
			<div className="sk-fading-circle" style={{ width: width + 'px', height: height + 'px' }}>
				<div className="sk-circle1 sk-circle"></div>
				<div className="sk-circle2 sk-circle"></div>
				<div className="sk-circle3 sk-circle"></div>
				<div className="sk-circle4 sk-circle"></div>
				<div className="sk-circle5 sk-circle"></div>
				<div className="sk-circle6 sk-circle"></div>
				<div className="sk-circle7 sk-circle"></div>
				<div className="sk-circle8 sk-circle"></div>
				<div className="sk-circle9 sk-circle"></div>
				<div className="sk-circle10 sk-circle"></div>
				<div className="sk-circle11 sk-circle"></div>
				<div className="sk-circle12 sk-circle"></div>
			</div>
		</div>
	);
};

export default Loading;
